<template>
  <div class="my_network_box">
    <TabList
      ref="tabListRef"
      :isTopBtn="isTopBtn"
      :isShowScreen.sync="isShowScreen"
      :netShow="netShow"
    >
    </TabList>
  </div>
</template>

<script>
import Pagination from "@/views/common/page";
import AddDialog from "./components/AddDialog.vue";
import _ from "lodash";
import TabList from "./components/TabList.vue";
export default {
  components: {
    Pagination,
    AddDialog,
    TabList,
  },
  data() {
    return {
      isTopBtn: false,
      netShow: false,
      isShowScreen: false,
      addFlag: false,
      editmetaData: {},
      isedit: false,
      token: "",
    };
  },
  mounted() {
    // this.$nextTick(() => {
    //   this.$refs.tabListRef.init();
    // });
  },
  methods: {},
};
</script>

<style lang='scss' scoped>
.tab_height {
  min-height: calc(100vh - 150px - 247px) !important ;
}
.my_network_box /deep/ .el-table__row {
  td:not(.is-hidden):last-child {
    /* bottom: -1px; */
    right: -1px;
  }
}
.my_network_box /deep/ .el-table__header {
  th:not(.is-hidden):last-child {
    right: -1px;
  }
}
.my_network_box /deep/ .el-table__header {
  th:not(.is-hidden):first-child {
    bottom: 1px;
  }
}
.my_network_box /deep/ .el-table__header .is-leaf {
  bottom: 1px;
}
.my_network_box {
  position: relative;
  /* height: calc(100vh - 150px) !important ; */
  /* overflow-y: auto; */
  .add_btn {
    position: absolute;
    right: 0;
    top: -40px;
    z-index: 22;
  }
}
</style>
